<template>
  <div class="duihuan">
    <van-nav-bar title="我的学习卡" left-arrow @click-left="$router.back()" />
    <van-empty
      image="https://wap.lexuemiao.com/img/empty.503e5ccb.png"
      image-size="80"
      description="暂无学习卡"
    />
    <van-button
      class="btn"
      block
      type="primary"
      color="#f15a24"
      @click="$router.push('/xuexidh')"
      >学习卡兑换</van-button
    >
  </div>
</template>
<script>
import { toRefs, reactive, onMounted } from 'vue'
export default {
  setup(props) {
    const data = reactive({})

    return {
      ...toRefs(data)
    }
  }
}
</script>
<style lang="scss" scoped>
.duihuan {
  height: 100vh;
  padding-bottom: 100px;
  .btn {
    position: fixed;
    bottom: 0;
  }
}
</style>
